<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>大麦</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/my.css"/>
    <link rel="shorcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="css/css.css"/>
    <link rel="stylesheet" href="css/mycss.css"/>
    <script src="js/jquery-1.12.2.min.js"></script>
    <script src="js/message.js"></script>
    <script src="js/my.js"></script>
    <script src="js/myjs.js"></script>
    <style>
        body {
            font: 12px/1.5 "Microsoft YaHei";
        }

        .top-s{
            height: 35px;
            border-bottom: 1px solid #E5E5E5;
            background-color: #F7F7F7;
        }
        .top-con{
            margin: 0 auto;
            width: 1200px;
            height: 35px;
            position: relative;
        }
        .fl>li{
            float: left;
            list-style: none;
            line-height: 35px;
            font-size: 14px;
            font-family: "微软雅黑";
            margin-left: 12px;
        }
        /*登录*/
        .dm-login{
            color: #E51B46;
            text-decoration: none;
        }
        .dm-login:hover{
            color: green;
            text-decoration: underline;
        }
        /*注册*/
        .dm-register {
            color: #666666;
            text-decoration: none;
        }
        .dm-register:hover{
            color: green;
            text-decoration: underline;
        }
        /*HI , 欢迎访问大麦网!*/
        .dm-name{
            color: #666666;
        }
        /*我的大麦*/
        .dm-t  a{
            color: #666666;
            text-decoration: none;
            height: 12px;
        }
        .fl .dm-t b{
            position: absolute;
            top: 15px;
            left: 300px;
            display: block;
            width: 7px;
            height: 4px;
            background:url("images/top-bg.png") no-repeat 0 -40px ;
        }
        .myorder div{
            margin-left: 15px;
        }
        .dm-t  a:hover{
            color: green;
        }
        /*top-fl*/
        /*top-fr*/
        .fr{
            float: left;
            margin-left: 295px;
        }
        .fr li{
            list-style: none;
            float: left;
            line-height: 35px;
            font-size: 14px;
            margin-left: 20px;
        }
        .fr .dm-t b{
            position: absolute;
            top: 15px;
            right:177px;
            display: block;
            width: 7px;
            height: 4px;
            background:url("images/top-bg.png") no-repeat 0 -40px ;
        }
        /*网站导航*/
        .dm-site-nav div{
            margin-left: 15px;
        }
        .fr .site-nav-t b{
            position: absolute;
            top: 15px;
            right:66px;
            display: block;
            width: 7px;
            height: 4px;
            background:url("images/top-bg.png") no-repeat 0 -40px ;
        }
        /*微信*/
        .fr .dm-weixin em{
            width: 18px;
            height: 14px;
            background: url("images/top-weixin.png") no-repeat;
            position: absolute;
            top: 10px;
            right: 420px;
        }
        .fr .dm-weixin div{
            margin-left: 15px;
        }
        /*手机*/
        .fr .dm-app div{
            margin-left: 10px;
        }
        .fr .dm-app em{
            width: 11px;
            height: 16px;
            background: url("images/top-bg.png") no-repeat 0 -60px;
            position: absolute;
            top: 9px;
            right: 314px;
        }
        /*网站导航*/
        .fr .dm-site-nav em{
            width: 10px;
            height: 10px;
            background: url("images/top-bg.png") no-repeat 0 -100px;
            position: absolute;
            top: 12px;
            right: 141px;
        }
        /*top-fr*/
        /*img*/
        #img{
            width: 1200px;
            height: 70px;
            margin: 0 auto;
        }
        /*城市选择*/
        .header-w{
            height: 63px;
            width: 1200px;
            margin: 0 auto;
            margin-top: 30px;
        }
        .header-w img{
            float: left;
        }
        .dm-citys{
            height: 63px;
            width: 111px;
            float: left;
            margin-left: 10px;
            position: relative;
        }
        /*全国*/
        .dm-ct {
            font-size: 14px;
            line-height: 30px;
            margin-left: 15px;
            position: relative;
            font-family: "微软雅黑";
        }
        .dm-ct em{
            width: 10px;
            height: 10px;
            background: url("images/top-bg.png") no-repeat 0 -40px;
            position: absolute;
            top: 5px;
            left: 35px;
        }
        /*北京站*/
        #insitehref {
            font-size: 8px;
            text-decoration: none;
            font-family: "微软雅黑";
        }
        #insitehref span{
            color: red;
        }
        .dm-citys-change{
            width: 100px;
            height: 30px;
            float: left;
        }
        /*北京站a标签*/
        .dm-citys a{
            display: block;
            height: 24px;
            width: 109px;
            border: 1px solid #EEEEEE;
            float: left;
            margin-top:6px ;
            line-height: 24px;
            padding-left: 30px;
            color: #888888;
        }
        .dm-citys b{
            width: 9px;
            height: 11px;
            background: url("images/index-icon.png") no-repeat -191px  0;
            position: absolute;
            top: 44px;
            left: 12px;
        }
        /*搜索框*/
        #searchMain{
            width: 636px;
            height: 40px;
            background-color: green;
            float: left;
            margin-left: 90px;
        }
        #searchMain input{
            height: 34px;
            width: 540px;
            border: 3px solid #E51B46;
            float: left;
        }
        #searchMain button{
            width: 90px;
            height: 40px;
            background-color: #E51B46;
            float: left;
            border: 0;
            font-size: 16px;
            color: #FFFFFF;
        }
        /*搜索下边人名*/
        .dm-recommend{
            height: 20px;
            width: 636px;
            float: left;
            margin-left: 90px;
            margin-top: 1px;
        }
        .dm-recommend a{
            text-decoration: none;
            font-family: "微软雅黑";
            font-size: 11px;
            color: #999999;
        }
        /*=============================================================================================*/
        /*编写script是添加的css样式*/
        /*我的大麦*/
        .mydm-c{
            width: 70px;
            height: 170px;
            /*background-color: gray;*/
            background-color: white;
            display: none;
            position: absolute;
            z-index: 100;
            opacity: 0.9;
            text-align: center;
        }
        .fl .mydm .dm-c a{
            margin-top: 0px;
            text-decoration: none;
        }
        .fr .dm-app .dm-code{
            display: none;
        }
        /*客户服务*/
        .fr .dm-service .service-c{
            width: 70px;
            height: 170px;
            /*background-color: gray;*/
            background-color: white;
            opacity: 0.9;
            display: none;
            position: absolute;
            z-index: 100;
            text-align: center;
        }
        .fr .dm-service .service-c a{
            text-decoration: none;
        }
        .fr .dm-site-nav .dm-sev01{
            width: 200px;
            height: 200px;
            /*background-color: gray;*/
            background-color: white;
            opacity: 0.9;
            display: none;
            position: absolute;
            right: -30px;
            z-index: 100;
            text-align: center;
        }
        .fr .dm-site-nav .dm-sev01 a{
            text-decoration: none;
        }
        /*大麦网微信*/
        .fr .dm-weixin .dm-code{
            width: 90px;
            height: 90px;
            display: none;
            z-index: 100;
            position: absolute;
            right: 330px;
            background: url("images/top-bg.png") no-repeat 0 -135px;
        }
        /*城市切换*/
        .dm-sev02{
            width: 350px;
            height: 300px;
            background-color: white;
            opacity: 0.8;
            display: none;
            position: absolute;
            top: 180px;
            left: 100px;
            z-index: 100;
            text-align: center;
            border: 2px solid black;
        }
        .dm-sev02 a{
            text-decoration: none;
            color: black;
        }




        .hotlike {
            width: 1200px;
            height: 340px;
            margin: 100px auto 30px;
            border: 1px solid #ddd;
        }

        .hotlike_hd {
            /*background-color: yellow;*/
            height: 49px;
            font-size: 14px;
            color: #333;
        }

        .tab {
            list-style: none;
            height: 50px;
        }

        .tab li{
            float: left;
            /*width: 185px;*/
            height: 48px;
            line-height: 48px;
            border-bottom: 1px solid #ddd;
            /*background-color: blue;*/

        }

        .shu {
            float: left;
            display: block;
            background-color: #ddd;
            width: 1px;
            height: 48px;
        }

        .tab-item {
            width: 185px;
            text-align: center;
        }

        .tab-last {
            width: 640px;
        }

        .tab-last .tab-change {
            /*display: block;*/
            float: right;
            /*right:20px;*/
            margin-right: 20px;
        }

        .hotlike_bd {
            /*background-color: green;*/
            height: 290px;
            overflow:hidden;
            /*padding-top: 25px;*/
            padding-left: 2px;
        }

        .poster {
            width: 146px;
            float: left;
            /*padding-top: 4px;*/
            position: relative;
            overflow: hidden;
            padding: 0 26px;
        }

        .poster .poster_name {
            display: inline-block;
            width: 146px;
            height: 36px;
            /*background-color: yellow;*/
            line-height: 36px;
        }


        .poster .poster_price {
            display: inline-block;
            width: 146px;
            height: 14px;
            /*background-color: blue;*/
        }

        .price {
            color: #999;
            display: block;
            height: 14px;
            line-height: 14px;
        }

        .price strong {
            font-family: tahoma;
            font-size: 12px;
            padding-right: 5px;
            color: #333;
        }

        .yen {
            font-family: arial;
            font-style: normal;
        }

        /*活动*/
        .active1 {
            width: 1200px;
            height: 88px;
            margin: 0 auto;
            /*margin-top: 30px;*/
            text-align: center;
        }

        .active1 .xx {
            margin-left: 10px;
        }


        /*明星*/
        .index-con {
            width: 1200px;
            margin: 0 auto;
            height:401px;
            padding-top: 30px;
            zoom: 1;
        }

        .focus-stars {
            width: 860px;
            float: left;
            border: 1px solid #eaeaea;
            padding: 19px;
        }

        .stars-list {
            position: relative;
            height: 362px;
        }

        .stars-list li {
            position: absolute;
            overflow: hidden;
        }

        li.s1 {
            width: 238px;
            height: 362px;
        }

        .stars-list li.s10, .stars-list li.s11, .stars-list li.s2, .stars-list li.s3, .stars-list li.s5, .stars-list li.s6, .stars-list li.s9 {
            width: 114px;
            height: 114px;
        }

        .stars-list li.s4, .stars-list li.s8 {
            width: 238px;
            height: 114px;
        }

        .stars-list li.s7 {
            width: 248px;
            height: 248px;
            left: 496px;
            top: 0;
        }

        .stars-list li.s2, .stars-list li.s4, .stars-list li.s5 {
            left: 248px;
        }

        .stars-list li.s3, .stars-list li.s6 {
            left: 373px;
        }

        .stars-list .stars-list li.s7, .stars-list li.s8 {
            left: 496px;
        }

        .stars-list li.s9, .stars-list li.s10, .stars-list li.s11 {
            left: 744px;
        }

        .stars-list li.s5, .stars-list li.s6, .stars-list li.s8, .stars-list li.s11 {
            top: 248px;
        }

        .stars-list li.s4, .stars-list li.s10 {
            top: 124px;
        }

        .ri-banner {
            width: 258px;
            height: 362px;
            float: right;
            border: 1px solid #eaeaea;
            padding: 19px 15px;
        }

        /*特效*/
        .tab li.active {
            border-top:2px solid red;
            height: 46px;
            border-bottom: 0;
        }

        .hotlike_bd .main {
            float: left;
            display: none;
        }

        .hotlike_bd .main.selected {
            display: block;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="top-s">
        <div class="top-con">
            <ul class="fl">
                <li class="dm-info" id="headerUserinfo"><span class="dm-name">HI , 欢迎访问大麦网!　</span>[<a target="_blank" href="http://www.damai.cn/redirect.aspx?type=login" title="登录" class="dm-login">登录</a> <a target="_blank" href="http://www.damai.cn/redirect.aspx?type=reg" title="注册" class="dm-register">注册</a>]</li>
                <li class="mydm">
                    <div class="dm-t mydm-t"><a target="_blank" href="http://my.damai.cn/">我的大麦</a><b></b></div>
                    <div class="dm-c mydm-c">
                        <a title="个人信息" target="_blank" href="http://my.damai.cn/account/myinfo.aspx">个人信息</a> <br/>
                        <a title="订单管理" target="_blank" href="http://order.damai.cn/index.aspx">订单管理</a><br/>
                        <a title="我的钱包" target="_blank" href="http://my.damai.cn/trade/ewallet/myEwallet.aspx">我的钱包</a><br/>
                        <a target="_blank" href="http://my.damai.cn/account/mysubscribe">我的订阅</a><br/>
                        <a title="我的优惠券" target="_blank" href="https://coupon.damai.cn/coupon-web-damai/mycoupon/myCoupon">我的优惠券</a><br/>
                    </div>
                </li>
                <li class="myorder">
                    <div class="dm-t mydm-t"><a target="_blank" href="http://order.damai.cn/index.aspx">我的订单</a></div>
                </li>
            </ul>
            <ul class="fr">
                <li>
                    <div class="dm-t"><em></em><a target="_blank" href="http://en.damai.cn/">English</a> |</div>
                </li>
                <li class="dm-weixin">
                    <div class="dm-t weixin-t"><em></em><a href="#">大麦网微信</a> |</div>
                    <div class="dm-c weixin-c">
                        <div class="dm-code">

                        </div>
                    </div>
                </li>
                <li class="dm-app">
                    <div class="dm-t app-t"><em></em><a target="_blank" href="http://mobile.damai.cn/">手机版</a> |</div>
                </li>
                <li class="dm-service">
                    <div class="dm-t service-t"><a href="javascript:void(0)">客户服务</a><b></b>&nbsp;&nbsp;|</div>
                    <div class="dm-c service-c">
                        <a target="_blank" href="http://help.damai.cn/#selfservice">账户服务</a>
                        <a target="_blank" href="http://help.damai.cn/#onlineservice">人工服务</a>
                        <a target="_blank" href="http://help.damai.cn/#specialproducts">特色产品</a>
                        <a target="_blank" href="http://help.damai.cn/">帮助中心</a>
                        <span class="xiaonengservice xnchatService">在线客服</span>
                    </div>
                </li>
                <li class="dm-site-nav">
                    <div class="dm-t site-nav-t"><em></em><a href="javascript:void(0)">网站导航</a><b></b></div>
                    <div class="dm-c site-nav-c">
                        <dl class="dm-sev01">
                            <dt>特色服务</dt>
                            <dd>
                                <ul>
                                    <li><a href="http://i.damai.cn/super/" target="_blank">超级票</a></li>
                                    <li><a href="http://venue.damai.cn/" target="_blank">场馆库</a></li>
                                    <li><a href="http://www.maitix.net/" target="_blank">票务系统</a></li>
                                    <li><a href="http://dingyue.damai.cn/subType.do?platformId=1" target="_blank">演出订阅</a></li>
                                    <li><a href="http://jf.damai.cn/" target="_blank">积分商城</a></li>
                                    <li><a href="http://i.damai.cn/" target="_blank">精彩专题</a></li>
                                    <li><a href="http://anti.damai.cn/" target="_blank">防诈骗</a></li>
                                    <li><a href="http://www.damai.cn/artistlist.html" target="_blank">明星团体</a></li>
                                    <li><a href="http://mobile.damai.cn/" target="_blank">手机购票</a></li>
                                </ul>
                            </dd>
                        </dl>
                        <!--s-->
                        <dl class="dm-sev02">
                            <dt>城市切换</dt>
                            <dd>
                                <ul>
                                    <li><a target="_blank" href="/bj/" title="北京">北京</a></li>
                                    <li><a target="_blank" href="/gz/" title="广州">广州</a></li>
                                    <li><a target="_blank" href="/sz/" title="深圳">深圳</a></li>
                                    <li><a target="_blank" href="/sh/" title="上海">上海</a></li>
                                    <li><a target="_blank" href="/tj/" title="天津">天津</a></li>
                                    <li><a target="_blank" href="/cd/" title="成都">成都</a></li>
                                    <li><a target="_blank" href="/cq/" title="重庆">重庆</a></li>
                                    <li><a target="_blank" href="/xa/" title="西安">西安</a></li>
                                    <li><a target="_blank" href="/wuhan/" title="武汉">武汉</a></li>
                                    <li><a target="_blank" href="/hz/" title="杭州">杭州</a></li>
                                    <li><a target="_blank" href="/nj/" title="南京">南京</a></li>
                                    <li><a target="_blank" href="/fuzhou/" title="福州">福州</a></li>
                                    <li><a target="_blank" href="/cs/" title="长沙">长沙</a></li>
                                    <li><a target="_blank" href="/qd/" title="青岛">青岛</a></li>
                                    <li><a target="_blank" href="/foshan/" title="佛山">佛山</a></li>
                                    <li><a target="_blank" href="/dg/" title="东莞">东莞</a></li>
                                    <li><a target="_blank" href="/zhengzhou/" title="郑州">郑州</a></li>
                                    <li><a target="_blank" href="/xiamen/" title="厦门">厦门</a></li>
                                    <li><a target="_blank" href="/suz/" title="苏州">苏州</a></li>
                                    <li><a target="_blank" href="/ningbo/" title="宁波">宁波</a></li>
                                    <li><a target="_blank" href="/gy/" title="贵阳">贵阳</a></li>
                                    <li><a target="_blank" href="/nn/" title="南宁">南宁</a></li>
                                    <li><a target="_blank" href="/km/" title="昆明">昆明</a></li>
                                    <li><a target="_blank" href="/quanzhou/" title="泉州">泉州</a></li>
                                    <li><a target="_blank" href="/sy/" title="沈阳">沈阳</a></li>
                                    <li><a target="_blank" href="/luoyang/" title="洛阳">洛阳</a></li>
                                    <li><a target="_blank" href="/hrb/" title="哈尔滨">哈尔滨</a></li>
                                    <li><a target="_blank" href="/jn/" title="济南">济南</a></li>
                                    <li><a target="_blank" href="/hk/" title="香港">香港</a></li>
                                    <li><a target="_blank" href="/chz/" title="常州">常州</a></li>
                                    <li><a target="_blank" href="/dl/" title="大连">大连</a></li>
                                    <li><a target="_blank" href="/chc/" title="长春">长春</a></li>
                                    <li><a target="_blank" href="/huhehaote/" title="呼和浩特">呼和浩特</a></li>
                                    <li><a target="_blank" href="/zs/" title="中山">中山</a></li>
                                    <li><a target="_blank" href="/sjz/" title="石家庄">石家庄</a></li>
                                    <li><a target="_blank" href="/hf/" title="合肥">合肥</a></li>
                                    <li><a target="_blank" href="/nanchang/" title="南昌">南昌</a></li>
                                    <li><a target="_blank" href="/zhuhai/" title="珠海">珠海</a></li>
                                    <li><a target="_blank" href="/wenzhou/" title="温州">温州</a></li>
                                    <li><a target="_blank" href="/wuxi/" title="无锡">无锡</a></li>
                                    <li><a target="_blank" href="/jx/" title="嘉兴">嘉兴</a></li>
                                    <li><a target="_blank" href="/ty/" title="太原">太原</a></li>
                                    <li><a target="_blank" href="/aomen/" title="澳门">澳门</a></li>
                                    <li><a target="_blank" href="/gl/" title="桂林">桂林</a></li>
                                    <li><a target="_blank" href="/xuzhou/" title="徐州">徐州</a></li>
                                    <li><a target="_blank" href="/wulumuqi/" title="乌鲁木齐">乌鲁木齐</a></li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div id="img">
        <img src="images/大麦网_r2_c2.png" alt=""/>
    </div>
    <div class="header-w">
        <a href="/" class="dm-logo">
            <img src="images/logo.png" alt="大麦网"/>
        </a>
        <!--选择城市 start-->
        <div class="dm-citys">
            <div class="dm-citys-change">
      <span class="dm-ct">
        全国 <em></em>
      </span>


            </div>
            <b></b>
            <a href="/" id="insitehref" class="dm-rec" target="_blank" >推荐进入<span class="insiteName">北京</span>站</a>
        </div>
        <!--&lt;!&ndash;选择城市 end&ndash;&gt;-->

        <!--搜索 start-->
        <div class="dm-search">
            <div class="search-main" id="searchMain">
                <input type="text" autocomplete="off" value="请输入演出，艺人，场馆名称…" class="search-text" id="searchText" />
                <button class="search-btn" type="button" id="search">搜索</button>
                <div class="search-relate" id="searchRelate" style="display: none;"></div>
            </div>

            <div class="dm-recommend">
                <a target="_blank" href="http://item.damai.cn/92485.html">陈奕迅</a>
                <a target="_blank" href="http://item.damai.cn/93050.html">林宥嘉</a>
                <a target="_blank" href="http://item.damai.cn/94259.html">蔡依林</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">罗志祥</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">陈荣鑫</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">黄晓明</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">任贤齐</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">盗墓笔记</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">足球</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">音乐节</a>
                <a target="_blank" href="http://item.damai.cn/93267.html">梁静茹</a>
            </div>
        </div>
        <!--搜索 end-->

    </div>
</div>


<!--页面主导航--start-->
<div class="nav center clearfix">
    <div class="left_nav">
        <a class="pro_type" href="#">全部商品分类</a>
        <div class="pro_infobox">
            <ul class="pro_typeul">
                <li class="have_info"><a href="javascript:void(0)"><s class="ych"></s><span>演唱会</span><i>&gt;</i></a></li>
                <li class="have_info"><a href="javascript:void(0)"><s class="yyh"></s><span>音乐会</span></span><i>&gt;</i></a></li>
                <li class="have_info"><a href="javascript:void(0)"><s class="qyzt"></s><span>曲苑杂坛</span></span><i>&gt;</i></a></li>
                <li class="have_info"><a href="javascript:void(0)"><s class="hjgj"></s><span>话剧歌剧</span><i>&gt;</i></a></li>
                <li class="have_info"><a href="javascript:void(0)"><s class="tybs"></s><span>体育比赛</span></span><i>&gt;</i></a></li>
                <li class="have_info"><a href="javascript:void(0)"><s class="wdbl"></s><span>舞蹈芭蕾</span><i>&gt;</i></a></li>
                <li class="have_info"><a href="javascript:void(0)"><s class="djxx"></s><span>度假休闲</span><i>&gt;</i></a></li>
                <li class="no_info"><a href="javascript:void(0)"><s class="etqz"></s><span>儿童亲子</span></a></li>
                <li class="no_info"><a href="javascript:void(0)"><s class="dyp"></s><span>电影票</span></a></li>
                <li class="no_info"><a href="javascript:void(0)"><s class="mxzb"></s><span>明星周边</span></a></li>
            </ul>
            <!-- 内容是需要动态生成的部分-->
            <div class="pro_info">
                <div class="top">
                    <span class="ych_zh"></span>
                    <span class="sepe_gt">&gt;</span>
                    <ul class="ych_type">
                    </ul>
                    <a class="close" href="javascript:void(0)"></a>
                </div>
                <div class="bottom">
                    <p class="hot_rel"></p>
                    <div>
                        <a href="#"><img src="" alt=""/></a>
                        <p><a href="#"></a></p>
                        <p>票价：<span></span></p>
                    </div>
                    <div>
                        <a href="#"><img src="" alt=""/></a>
                        <p><a href="#"></a></p>
                        <p>票价：<span></span></p>
                    </div>
                    <div>
                        <a href="#"><img src="" alt=""/></a>
                        <p><a href="#"></a></p>
                        <p>票价：<span></span></p>
                    </div>
                    <div>
                        <a href="#"><img src="" alt=""/></a>
                        <p><a href="#"></a></p>
                        <p>票价：<span></span></p>
                    </div>
                    <div class="dmgj">
                        <a href="#"><img src="" alt=""/></a>
                        <p><a href="#"></a></p>
                        <p><span></span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main_nav">
        <ul>
            <li class="two"><a href="#" title="摇滚">摇滚</a></li>
            <li class="two"><a href="#" title="戏剧">戏剧</a></li>
            <li class="two"><a href="#" title="体育">体育</a></li>
            <li class="two"><a href="#" title="亲子">亲子</a></li>
            <li class="two hot"><a href="#" title="电影">电影</a><img src="images/hot.png"/></li>
            <li class="four"><a href="#" title="舞蹈古典">舞蹈古典</a></li>
            <li class="four new"><a href="#" title="明星周边">明星周边</a><img src="images/new.png"/></li>
            <li class="four hot"><a href="#" title="精彩专题">精彩专题</a><img src="images/hot.png"/></li>
        </ul>
    </div>
    <div class="right_nav">
        <a href="#" title="大卖超级票"><img src="images/cjp.jpg" alt=""/></a>
    </div>

</div>
<!--页面主导航--end-->

<!--页面轮播图--start-->
<div class="slide center">
    <ul class="slideul">
        <li><a href="#"><img src="images/1.jpg" alt="" title="2016田馥甄巡回演唱会"/></a></li>
        <li><a href="#"><img src="images/2.jpg" alt="" title="2016陈志朋演唱会"/></a></li>
        <li><a href="#"><img src="images/3.jpg" alt="" title="百老汇经典喜剧《狗魅》"/></a></li>
        <li><a href="#"><img src="images/4.jpg" alt="" title="2016魏大勋生日见面会"/></a></li>
        <li><a href="#"><img src="images/5.jpg" alt="" title="梁静茹巡回演唱会"/></a></li>
        <li><a href="#"><img src="images/6.jpg" alt="" title="开心麻花2016贺岁舞台剧"/></a></li>
        <li><a href="#"><img src="images/7.jpg" alt="" title="李建世界巡回演唱会"/></a></li>
        <li><a href="#"><img src="images/8.jpg" alt="" title="张信哲巡回演唱会"/></a></li>
    </ul>
    <div class="slideBtn" id="slideBtn">
        <div>
            <ul>
                <li><a href="javascript:void(0)" title="2016田馥甄巡回演唱会">01.2016田馥甄巡回演唱会</a></li>
                <li><a href="javascript:void(0)" title="2016陈志朋演唱会">02.2016陈志朋演唱会</a></li>
                <li class="cuRrent slidebtns"><a href="javascript:void(0)" title="百老汇经典喜剧《狗魅》">03.百老汇经典喜剧《狗魅》</a></li>
                <li><a href="javascript:void(0)" title="2016魏大勋生日见面会">04.2016魏大勋生日见面会</a></li>
                <li><a href="javascript:void(0)" title="梁静茹巡回演唱会">05.梁静茹巡回演唱会</a></li>
                <li><a href="javascript:void(0)" title="开心麻花2016贺岁舞台剧">06.开心麻花2016贺岁舞台剧</a></li>
                <li><a href="javascript:void(0)" title="李建世界巡回演唱会">07.李建世界巡回演唱会</a></li>
                <li><a href="javascript:void(0)" title="张信哲巡回演唱会">08.张信哲巡回演唱会</a></li>
            </ul>
        </div>
    </div>
    <div id="arrow">
        <div id="arrLeft"><a href="javascript:void(0)" title="上一张"><span></span></a></div>
        <div id="arrRight"><a href="javascript:void(0)" title="下一张"><span></span></a></div>
    </div>
</div>
<!--页面轮播图--end-->

<!--Begin今日推荐&猜您喜欢-->
<div class="hotlike w ">
    <div class="hotlike_hd">
        <ul class="tab" id="like">
            <li class="tab-item active">猜您喜欢</li><span class="shu"></span>
            <li class="tab-item">今日推荐</li><span class="shu"></span>
            <li class="tab-item">即将开票/预售</li><span class="shu"></span>
            <li class="tab-last"><a  class="tab-change" href="#">换一换</a></li>
        </ul>
    </div>
    <div class="hotlike_bd" id="hotlike_bd">
        <img src="images/likeni.png" alt=""/>
        <img src="images/jrtj.png" alt=""/>
        <img src="images/jjkp.png" alt=""/>
<!--        <div class="main selected">
            <ul>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="2016“快乐六·一 超级马戏” 马戏小丑嘉年华" src="images/95330_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        2016“快乐六·一 超级马...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="孟京辉最新戏剧作品《他有两把左轮手枪和黑白相间的眼睛》" src="images/96720_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        孟京辉最新戏剧作品《他...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>100</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="《布噜布噜番外篇之绿色大作战》" src="images/97128_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        《布噜布噜番外篇之绿色...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="开心麻花爆笑舞台剧《旋转卡门》" src="images/95479_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        繁星戏剧 都市爱情喜剧
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>50</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="2016如果 田馥甄巡回演唱会PLUS 北京站" src="images/95014_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        2016如果 田馥甄巡回演唱..
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>680</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="麦戏聚—“金星”领衔主演 百老汇经典喜剧《狗魅》" src="images/98381_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        麦戏聚——"金星" 领衔...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
            </ul>
        </div>
        <div class="main">
            <ul>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="2016“快乐六·一 超级马戏” 马戏小丑嘉年华" src="images/a.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        2016“快乐六·一 超级马...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="孟京辉最新戏剧作品《他有两把左轮手枪和黑白相间的眼睛》" src="images/b.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        孟京辉最新戏剧作品《他...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>100</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="《布噜布噜番外篇之绿色大作战》" src="images/c.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        《布噜布噜番外篇之绿色...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="开心麻花爆笑舞台剧《旋转卡门》" src="images/d.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        繁星戏剧 都市爱情喜剧
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>50</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="2016如果 田馥甄巡回演唱会PLUS 北京站" src="images/e.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        2016如果 田馥甄巡回演唱..
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>680</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="麦戏聚—“金星”领衔主演 百老汇经典喜剧《狗魅》" src="images/f.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        麦戏聚——"金星" 领衔...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
            </ul>
        </div>
        <div class="main">
            <ul>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="2016“快乐六·一 超级马戏” 马戏小丑嘉年华" src="images/95330_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        2016“快乐六·一 超级马...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="孟京辉最新戏剧作品《他有两把左轮手枪和黑白相间的眼睛》" src="images/96720_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        孟京辉最新戏剧作品《他...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>100</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="《布噜布噜番外篇之绿色大作战》" src="images/97128_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        《布噜布噜番外篇之绿色...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="开心麻花爆笑舞台剧《旋转卡门》" src="images/95479_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        繁星戏剧 都市爱情喜剧
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>50</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="2016如果 田馥甄巡回演唱会PLUS 北京站" src="images/95014_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        2016如果 田馥甄巡回演唱..
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>680</strong>起</span>
                    </a></li>
                <li class="poster">
                    <a href="#">
                        <img width="150" height="200" title="麦戏聚—“金星”领衔主演 百老汇经典喜剧《狗魅》" src="images/98381_n.jpg" style="display: block;">
                    </a>
                    <a class="poster_name" href="#">
                        麦戏聚——"金星" 领衔...
                    </a>
                    <a class="poster_price" href="#">
                        <span class="price">票价：<strong><i class="yen">¥</i>180</strong>起</span>
                    </a></li>
            </ul>
        </div>-->
    </div>
</div>
<script>
    $(function () {
        var lis = $("#like").children(".tab-item");
        console.log(lis);
        var imgs = $("#hotlike_bd").children("img");
        console.log(imgs);
        lis.click(function(){
            console.log(this)
            $(this).addClass("active").siblings("li").removeClass("active");
            var index = $(this).index();
            console.log(index);
            imgs.eq(index).show().siblings("img").hide();
        });
    });
</script>
<!--End今日推荐&猜您喜欢-->

<!--Begin活动-->
<div class="active1 w">
    <a href="#" class="fl " title="最新电影大片 选座购票">
        <img  src="images/x.jpg" style="display: inline;">
    </a>
    <a href="#" class="fl xx"  title="大麦活动频道，精彩演出活动。" >
        <img  src="images/y.jpg" style="display: inline;">
    </a>
    <a href="#" class="fl xx"  title="今天玩什么 发现城市未知之美" >
        <img  src="images/z.jpg" style="display: inline;">
    </a>
</div>
<!--End活动-->

<!--Begin广告-->
<div class="index-con">
    <div class="focus-stars">
        <ul class="stars-list">
            <li class="s1">
                <img  width="238" height="362" src="images/1-1.jpg" style="display: block;">
                <div class="layer-info" style="top: 252px;">
                    <p class="title" title="刘若英巡回演唱会">刘若英巡回演唱会</p>            <div class="infos-box">
                    <div class="infos">
                        <a href="http://item.damai.cn/95877.html" target="_blank" id="home_xunyan_001_95877">南昌站</a>
                        <a href="http://item.damai.cn/94697.html" target="_blank" id="home_xunyan_001_94697">济南站</a>
                        <a href="http://item.damai.cn/93693.html" target="_blank" id="home_xunyan_001_93693">南京站</a>
                        <a href="http://item.damai.cn/95157.html" target="_blank" id="home_xunyan_001_95157">成都站</a>
                        <a href="http://item.damai.cn/95089.html" target="_blank" id="home_xunyan_001_95089">深圳站</a>
                    </div>
                    <a href="http://sale.damai.cn/act/lry_renext.html" class="ite" target="_blank">巡演专题</a>
                </div>
                </div>
            </li>
            <li class="s2">
                <img width="114" height="114" src="images/1-2.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/92901.html" target="_blank" id="home_xunyan_002_92901">东莞站</a>
                        </div>
                        <a href="http://s.damai.cn/ticket/1926-0-3.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s3">
                <img  width="114" height="114" src="images/1-3.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/94259.html" target="_blank" id="home_xunyan_003_94259">北京站</a>
                            <a href="http://item.damai.cn/94595.html" target="_blank" id="home_xunyan_003_94595">武汉站</a>
                            <a href="http://item.damai.cn/93076.html" target="_blank" id="home_xunyan_003_93076">郑州站</a>
                            <a href="http://item.damai.cn/93388.html" target="_blank" id="home_xunyan_003_93388">成都站</a>
                            <a href="http://item.damai.cn/91954.html" target="_blank" id="home_xunyan_003_91954">上海站</a>
                            <a href="http://item.damai.cn/93712.html" target="_blank" id="home_xunyan_003_93712">深圳站</a>
                        </div>
                        <a href="http://s.damai.cn/ticket/2230-0-3.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s4">
                <img  width="238" height="114" src="images/1-4.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/95477.html" target="_blank" id="home_xunyan_004_95477">重庆站</a>
                            <a href="http://item.damai.cn/94641.html" target="_blank" id="home_xunyan_004_94641">成都站</a>
                            <a href="http://item.damai.cn/93970.html" target="_blank" id="home_xunyan_004_93970">上海站</a>
                            <a href="http://item.damai.cn/89670.html" target="_blank" id="home_xunyan_004_89670">北京站</a>
                        </div>
                        <a href="http://sale.damai.cn/act/syyq.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s5">
                <img  width="114" height="114" src="images/1-5.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/94130.html" target="_blank" id="home_xunyan_005_94130">广州站</a>
                            <a href="http://item.damai.cn/94119.html" target="_blank" id="home_xunyan_005_94119">福州站</a>
                            <a href="http://item.damai.cn/94071.html" target="_blank" id="home_xunyan_005_94071">成都站</a>
                            <a href="http://item.damai.cn/92405.html" target="_blank" id="home_xunyan_005_92405">上海站</a>
                            <a href="http://item.damai.cn/93267.html" target="_blank" id="home_xunyan_005_93267">北京站</a>
                        </div>
                        <a href="http://www.damai.cn/ticketbook_1852.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s6">
                <img  width="114" height="114" src="images/1-6.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/93622.html" target="_blank" id="home_xunyan_006_93622">无锡站</a>
                            <a href="http://item.damai.cn/94875.html" target="_blank" id="home_xunyan_006_94875">哈尔滨站</a>
                            <a href="http://item.damai.cn/93878.html" target="_blank" id="home_xunyan_006_93878">泉州站</a>
                            <a href="http://item.damai.cn/93485.html" target="_blank" id="home_xunyan_006_93485">郑州站</a>
                            <a href="http://item.damai.cn/95163.html" target="_blank" id="home_xunyan_006_95163">成都站</a>
                            <a href="http://item.damai.cn/92045.html" target="_blank" id="home_xunyan_006_92045">长沙站</a>
                        </div>
                        <a href="http://sale.damai.cn/act/ljr_love.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s7">
                <img  width="238" height="238" src="images/1-7.jpg" style="display: block;">
                <div class="layer-info02" style="top: -248px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/96096.html" target="_blank" id="home_xunyan_007_96096">常州站</a>
                            <a href="http://item.damai.cn/94091.html" target="_blank" id="home_xunyan_007_94091">香港站</a>
                            <a href="http://item.damai.cn/95519.html" target="_blank" id="home_xunyan_007_95519">徐州站</a>
                        </div>
                        <a href="http://sale.damai.cn/act/amei_utopia.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s8">
                <img  width="238" height="114" src="images/1-8.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/95653.html" target="_blank" id="home_xunyan_008_95653">杭州站</a>
                            <a href="http://item.damai.cn/92485.html" target="_blank" id="home_xunyan_008_92485">北京站</a>
                            <a href="http://item.damai.cn/94628.html" target="_blank" id="home_xunyan_008_94628">佛山站</a>
                            <a href="http://item.damai.cn/94264.html" target="_blank" id="home_xunyan_008_94264">贵阳站</a>
                            <a href="http://item.damai.cn/93865.html" target="_blank" id="home_xunyan_008_93865">厦门站</a>
                            <a href="http://item.damai.cn/92011.html" target="_blank" id="home_xunyan_008_92011">天津站</a>
                            <a href="http://item.damai.cn/91737.html" target="_blank" id="home_xunyan_008_91737">郑州站</a>
                            <a href="http://item.damai.cn/90925.html" target="_blank" id="home_xunyan_008_90925">上海站</a>
                        </div>
                        <a href="http://sale.damai.cn/act/eason_life.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s9">
                <img  width="114" height="114" src="images/9.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/95389.html" target="_blank" id="home_xunyan_009_95389">郑州站</a>
                            <a href="http://item.damai.cn/95471.html" target="_blank" id="home_xunyan_009_95471">南京站</a>
                            <a href="http://item.damai.cn/95032.html" target="_blank" id="home_xunyan_009_95032">成都站</a>
                        </div>
                        <a href="http://sale.damai.cn/act/lijian2016.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="s10">
                <img  width="114" height="114" src="images/10.jpg" style="display: block;">
                <div class="layer-info02" style="top: -114px;">
                    <div class="infos-box">
                        <div class="infos">
                            <a href="http://item.damai.cn/94074.html" target="_blank" id="home_xunyan_0010_94074">成都站</a>
                        </div>
                        <a href="http://sale.damai.cn/act/rain2015.html" class="ite" target="_blank">巡演专题</a>
                    </div>
                </div>
            </li>
            <li class="li-star s11">
                <a href="#"><img  width="114" height="114" src="images/11.jpg" style="display: block;"></a>
            </li>
        </ul>
    </div>

    <div class="ri-banner">
        <a href="#"><img title="麦戏聚—“金星”领衔主演 百老汇经典喜剧《狗魅》" src="images/right.jpg" style="display: block;"></a>
    </div>
</div>
<!--End广告-->

<!--北京站-->
<div class="bigBox">
    <div class="boxleft fl">
        <div class="location">
            <div class="lefttxt fl">
                <span class="city">北京</span>
                <span class="guess">猜你想看北京周边的演出</span>
                <span class="cut"><a href="javascript:void (0)">[其他城市]</a></span>
                <div class="show">
                    <div class="getcity"></div>
                    <div class="citylist">
                        <ul>
                            <li><a href="javascript:void(0)">北京</a></li>
                            <li><a href="javascript:void(0)">广州</a></li>
                            <li><a href="javascript:void(0)">深圳</a></li>
                            <li><a href="javascript:void(0)">上海</a></li>
                            <li><a href="javascript:void(0)">天津</a></li>
                            <li><a href="javascript:void(0)">成都</a></li>
                            <li><a href="javascript:void(0)">重庆</a></li>
                            <li><a href="javascript:void(0)">西安</a></li>
                            <li><a href="javascript:void(0)">武汉</a></li>
                            <li><a href="javascript:void(0)">杭州</a></li>
                            <li><a href="javascript:void(0)">南京</a></li>
                            <li><a href="javascript:void(0)">福州</a></li>
                            <li><a href="javascript:void(0)">长沙</a></li>
                            <li><a href="javascript:void(0)">青岛</a></li>
                            <li><a href="javascript:void(0)">佛山</a></li>
                            <li><a href="javascript:void(0)">东莞</a></li>
                            <li><a href="javascript:void(0)">郑州</a></li>
                            <li><a href="javascript:void(0)">厦门</a></li>
                            <li><a href="javascript:void(0)">苏州</a></li>
                            <li><a href="javascript:void(0)">宁波</a></li>
                            <li><a href="javascript:void(0)">贵阳</a></li>
                            <li><a href="javascript:void(0)">南宁</a></li>
                            <li><a href="javascript:void(0)">昆明</a></li>
                            <li><a href="javascript:void(0)">泉州</a></li>
                            <li><a href="javascript:void(0)">沈阳</a></li>
                            <li><a href="javascript:void(0)">洛阳</a></li>
                            <li><a href="javascript:void(0)">哈尔滨</a></li>
                            <li><a href="javascript:void(0)">济南</a></li>
                            <li><a href="javascript:void(0)">香港</a></li>
                            <li><a href="javascript:void(0)">常州</a></li>
                            <li><a href="javascript:void(0)">大连</a></li>
                            <li><a href="javascript:void(0)">长春</a></li>
                            <li><a href="javascript:void(0)">呼和浩特</a></li>
                            <li><a href="javascript:void(0)">中山</a></li>
                            <li><a href="javascript:void(0)">石家庄</a></li>
                            <li><a href="javascript:void(0)">合肥</a></li>
                            <li><a href="javascript:void(0)">南昌</a></li>
                            <li><a href="javascript:void(0)">珠海</a></li>
                            <li><a href="javascript:void(0)">温州</a></li>
                            <li><a href="javascript:void(0)">无锡</a></li>
                            <li><a href="javascript:void(0)">嘉兴</a></li>
                            <li><a href="javascript:void(0)">太原</a></li>
                            <li><a href="javascript:void(0)">澳门</a></li>
                            <li><a href="javascript:void(0)">桂林</a></li>
                            <li><a href="javascript:void(0)">徐州</a></li>
                            <li><a href="javascript:void(0)">乌鲁木齐</a></li>
                        </ul>
                        <div class="close"><a href="#">×</a></div>
                    </div>
                </div>
            </div>
            <div class="righttxt fr1">
                <span class="info">目前北京共有休闲娱乐内容814个，进入<a href="#" class="local">北京站&gt;&gt;</a></span>
            </div>
        </div>
        <div class="hotwords">
            <div class="hotleft fl">
                <div class="title1 fl">城市热词</div>
                <div class="keywords">
                    <div><a href="javascript:void(0)">孟京辉</a></div>
                    <div><a href="javascript:void(0)">爱乐汇</a></div>
                </div>
                <div class="keywords">
                    <div><a href="javascript:void(0)">林奕华</a></div>
                    <div><a href="javascript:void(0)">老舍五则</a></div>
                </div>
                <div class="keywords">
                    <div><a href="javascript:void(0)">小柯</a></div>
                    <div><a href="javascript:void(0)">先付先抢</a></div>
                </div>
                <div class="keywords">
                    <div><a href="javascript:void(0)">正乙祠</a></div>
                    <div><a href="javascript:void(0)">刘老根</a></div>
                </div>
                <div class="keywords">
                    <div><a href="javascript:void(0)">开心麻花</a></div>
                    <div><a href="javascript:void(0)">防诈骗</a></div>
                </div>
                <div class="keywords">
                    <div><a href="javascript:void(0)">洗刷刷</a></div>
                </div>
            </div>
            <div class="hotright fr1">
                <div class="title1 fl">热门场馆</div>
                <div class="keywords2 one">
                    <div><a href="javascript:void(0)">乐视体育生态</a></div>
                    <div><a href="javascript:void(0)">国家大剧院</a></div>
                </div>
                <div class="keywords2">
                    <div><a href="javascript:void(0)">北京音乐厅</a></div>
                    <div><a href="javascript:void(0)">保利剧院</a></div>
                </div>
                <div class="keywords2">
                    <div><a href="javascript:void(0)">梅兰芳大剧院</a></div>
                    <div><a href="javascript:void(0)">北京展览馆剧</a></div>
                </div>
                <div class="keywords2">
                    <div><a href="javascript:void(0)">天桥艺术中心</a></div>
                    <div><a href="javascript:void(0)">北京青年剧场</a></div>
                </div>
            </div>
        </div>

        <div class="label">
            <ul>
                <li>
                    <a href="javascript:void(0)"class="sp">演唱会<strong class="arrow"></strong></a>
                    <span>|</span>
                </li>
                <li><a href="javascript:void(0)">音乐会</a>
                    <span>|</span></li>
                <li><a href="javascript:void(0)">话剧歌剧</a>
                    <span>|</span></li>
                <li><a href="javascript:void(0)">舞蹈芭蕾</a>
                    <span>|</span></li>
                <li><a href="javascript:void(0)">曲苑杂坛</a>
                    <span>|</span></li>
                <li><a href="javascript:void(0)">体育比赛</a>
                    <span>|</span></li>
                <li><a href="javascript:void(0)">儿童亲子</a></li>
            </ul>
        </div>

        <div class="content1">
            <ul class="current">
                <li class="sp">
                    <a href="javascript:void (0)"><img src="images/2-1.jpg" alt="张信哲《还爱·光年》世界巡回演唱会 北京站"/></a>
                    <div class="postersp">
                        <p class="adder">乐视体育生态中心</p>
                        <p class="time">2016.04.30</p>
                    </div>
                    <p><a href="javascript:void(0)">张信哲《还爱·光年》世界巡回演唱会 北京站</a></p>
                    <p class="price">票价：<strong>¥280</strong>&nbsp;起</p>
                </li>
                <li>
                    <a href="javascript:void (0)"><img src="images/2-2.jpg" alt="罗志祥2016 CRAZY WORLD 世界巡回演唱会北京站"/></a>
                    <div class="poster">
                        <p class="adder">乐视体育生态中心</p>
                        <p class="time">2016.05.28</p>
                    </div>
                    <p><a href="javascript:void(0)">罗志祥2016 CRAZY WORLD 世界巡回演唱会北京站</a></p>
                    <p class="price">票价：<strong>¥280</strong>&nbsp;起</p>
                </li>
                <li>
                    <a href="javascript:void (0)"><img src="images/2-3.jpg" alt="林宥嘉  THE GREAT YOGA 世界巡回演唱会－北京站"/></a>
                    <div class="poster">
                        <p class="adder">乐视体育生态中心</p>
                        <p class="time">2016.06.28</p>
                    </div>
                    <p><a href="javascript:void(0)">林宥嘉  THE GREAT YOGA 世界巡回演唱会－北京站</a></p>
                    <p class="price">票价：<strong>¥280</strong>&nbsp;起</p>
                </li>
                <li>
                    <a href="javascript:void (0)"><img src="images/2-4.jpg" alt="果缤纷 混出缤纷 2016蔡依林PLAY北京演唱会"/></a>
                    <div class="poster">
                        <p class="adder">乐视体育生态中心</p>
                        <p class="time">2016.04.30</p>
                    </div>
                    <p><a href="javascript:void(0)">果缤纷 混出缤纷 2016蔡依林PLAY北京演唱会</a></p>
                    <p class="price">票价：<strong>¥280</strong>&nbsp;起</p>
                </li>
                <li>
                    <a href="javascript:void (0)"><img src="images/2-5.jpg" alt="Hit FM 13周年庆生派对 兄弟本色日落黑趴北京演唱会"/></a>
                    <div class="poster">
                        <p class="adder">首都体育馆</p>
                        <p class="time">2016.04.18</p>
                    </div>
                    <p><a href="javascript:void(0)">Hit FM 13周年庆生派对 兄弟本色日落黑趴北京演唱会</a></p>
                    <p class="price">票价：<strong>¥280</strong>&nbsp;起</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="boxright fl">
        <ul class="tab1">
            <li class="tab-item1">
                <a href="javascript:void(0)" class="active">艺人</a>
            </li>
            <li class="tab-item1">
                <a href="javascript:void(0)" class="first">场馆</a>
            </li>
        </ul>
        <div class="super">
            <div class="list1" id="list1">
                <ul>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/缪一梅.jpg" alt=""/></span>
                            <div class="txt">
                                <p>廖一梅</p>
                                <span>11727人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/张震岳.jpg" alt=""/></span>
                            <div class="txt1">
                                <p>张震岳</p>
                                <span>40121人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/顽童.jpg" alt=""/></span>
                            <div class="txt">
                                <p>顽童</p>
                                <span>83393人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/徐佳莹.jpg" alt=""/></span>
                            <div class="txt">
                                <p>徐佳莹</p>
                                <span>18686人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/小柯.jpg" alt=""/></span>
                            <div class="txt">
                                <p>小柯</p>
                                <span>1697人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                </ul>

                <a href="javascript:void(0)" class="change">换一组</a>
            </div>
            <div class="list" id="list2">
                <ul>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/1-a.jpg" alt=""/></span>
                            <div class="txt">
                                <p>地质礼堂剧场</p>
                                <span>11727人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/1-b.jpg" alt=""/></span>
                            <div class="txt">
                                <p>蜂巢剧场</p>
                                <span>40121人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/1-c.jpg" alt=""/></span>
                            <div class="txt">
                                <p>乐视体育生态中...</p>
                                <span>83393人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/1-d.jpg" alt=""/></span>
                            <div class="txt">
                                <p>工人体育馆</p>
                                <span>18686人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                    <li>
                        <a href="javascript:void(0)"></a>
                        <div class="trap fl">
                            <span class="image"><img src="images/1-e.jpg" alt=""/></span>
                            <div class="txt">
                                <p>北京音乐厅</p>
                                <span>1697人订阅</span>
                            </div>
                        </div>
                        <a href="javascript:void(0)" class="btn">+订阅</a>
                    </li>
                </ul>

                <a href="javascript:void(0)" class="change">换一组</a>
            </div>
        </div>

    </div>
</div>
<!--北京站 end-->

    <!--一楼 戏剧达人-->
    <div class="floor doyen" id="doyen">
        <!--标题-->
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>1F</strong>戏剧达人</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/doyen01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">大型魔幻惊悚舞台剧《盗墓笔记Ⅱ：怒海潜沙》成都站</p>
                        <p class="price"><strong>180 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
                <ul class="tag" id="tag-one"></ul>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-one"></ul>
                <ul class="comment" id="comment-one"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <ul class="tab">
                    <li class="active"><a href="javascript:;" class="active">小剧场排行</a></li>
                    <li><a href="javascript:;">大剧场排行</a></li>
                </ul>
                <div class="ode">
                    <ul class="news" id="news-one1"></ul>
                    <ul class="news" id="news-one2"></ul>
                </div>
            </div>
        </div>
    </div>

    <!--二楼 摇滚-->
    <div class="floor rock" id="rock">
        <!--标题-->
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>2F</strong>摇滚在路上</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/rock01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">微小相见—张楚2016巡回演唱会</p>
                        <p class="price"><strong>280 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-two"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <div class="top-img">
                    <a href="#"><img src="images/rock06.jpg" alt=""/></a>
                </div>
                <ul class="news" id="news-two"></ul>
            </div>
        </div>
    </div>

    <!--三楼 舞蹈-->
    <div class="floor dance" id="dance">
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>3F</strong>古典/舞蹈</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/dance01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">爱的告白——520青春浪漫经典交响音乐会</p>
                        <p class="price"><strong>80 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
                <ul class="tag" id="tag-three"></ul>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-three"></ul>
                <ul class="comment" id="comment-three"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <div class="top-img">
                    <a href="#"><img src="images/dance06.jpg" alt="" width="260px" height="116px"/></a>
                </div>
                <ul class="news" id="news-three"></ul>
            </div>
        </div>
    </div>

    <!--四楼 儿童亲子-->
    <div class="floor child" id="child">
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>4F</strong>儿童亲子</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/child01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">放牛班的春天——巴黎男童合唱团中国巡演音乐会</p>
                        <p class="price"><strong>80 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
                <ul class="tag" id="tag-fore"></ul>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-fore"></ul>
                <ul class="comment" id="comment-fore"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <div class="top-img">
                    <a href="#"><img src="images/child06.jpg" alt="" width="260px" height="116px"/></a>
                </div>
                <ul class="news" id="news-fore"></ul>
            </div>
        </div>
    </div>

    <!--五楼 大麦电影-->
    <div class="floor film" id="film">
        <!--标题-->
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>5F</strong>大麦电影</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/doyen01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">《我的特工爷爷》 选座购票</p>
                        <p class="price"><strong>38 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-five"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <ul class="tab">
                    <li class="active"><a href="javascript:;" class="active">热门影院</a></li>
                    <li><a href="javascript:;">新片推荐</a></li>
                    <li><a href="javascript:;">相关活动</a></li>
                </ul>
                <div class="ode">
                    <ul class="news" id="news-five1"></ul>
                    <ul class="news" id="news-five2" style="display: none"></ul>
                    <ul class="news" id="news-five3" style="display: none"></ul>
                </div>
            </div>
        </div>
    </div>

    <!--六楼 体育赛事-->
    <div class="floor sport" id="sport">
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>6F</strong>体育赛事</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/sport01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">ROAD FC（路德）国际综合格斗大赛30期</p>
                        <p class="price"><strong>188 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-six"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <div class="top-img">
                    <a href="#"><img src="images/sport06.jpg" alt="" width="260px" height="116px"/></a>
                </div>
                <ul class="news" id="news-six"></ul>
            </div>
        </div>
    </div>

    <!--七楼 明星周边-->
    <div class="floor bigstar" id="bigstar">
        <div class="title">
            <a href="#" class="more">查看全部&gt;&gt;</a>
            <h3><strong>7F</strong>明星周边</h3>
        </div>
        <!--内容-->
        <div class="content">
            <!--左侧-->
            <div class="left">
                <div class="import">
                    <a href="#">
                        <img src="images/bigstar01.jpg" width="238px" height="362px">
                    </a>
                    <div class="txt">
                        <p class="name">五月天演唱会官方限定周边商品</p>
                        <p class="price"><strong>35 </strong>元起</p>
                    </div>
                    <span class="bor-b"></span>
                </div>
            </div>
            <!--中间-->
            <div class="center">
                <ul class="list" id="list-seven"></ul>
            </div>
            <!--右侧-->
            <div class="right">
                <ul class="shop" id="shop">

                </ul>
            </div>
        </div>
    </div>


<!--    <div class="sideNav">
        <a class="itm sort-i4" href="#doyen"><i></i><strong class="sort-name">戏剧<br>达人</strong></a>
        <a class="itm sort-i5 cur" href="#rock"><i></i><strong class="sort-name">摇滚<br>在路上</strong></a>
        <a class="itm sort-i6" href="#dance"><i></i><strong class="sort-name">古典<br>舞蹈</strong></a>
        <a class="itm sort-i7" href="#child"><i></i><strong class="sort-name">儿童<br>亲子</strong></a>
        <a class="itm sort-i8" href="#film"><i></i><strong class="sort-name">大麦<br>电影</strong></a>
        <a class="itm sort-i9" href="#sport"><i></i><strong class="sort-name">体育<br>赛事</strong></a>
        <a class="itm sort-i10" href="#bigstar"><i></i><strong class="sort-name">明星<br>周边</strong></a>
        <a class="itm in-totop" href="javascript:void(0)"><i></i><strong class="sort-name">返回<br>顶部</strong></a>
    </div>-->

<!-- side-sort @start-->
<div class="side-sort">
    <a href="#" class="">
        <i class="i0">在线</br>客服</i>
        <strong>在线</br>客服</strong>
    </a>
    <a href="#" class="">
        <i class="i1"></i>
        <strong>大麦</strong>
        <div class="khd">
            <img src="images/kehuduan.png" alt=""/>
            <span class="f14">比PC更迅猛</span><br/>
            <span>提前开抢</span>
        </div>
    </a>
    <a href="#" class="">
        <i class="i2"></i>
        <strong>今天</strong>
        <div class="jtwsm">
            <img src="images/jtwsm.png" alt=""/>
            <span class="f14">最全娱乐平台</span><br/>
            <span>马上来high</span>
        </div>
    </a>
    <a href="#" class="">
        <i class="i3"></i>
        <strong>大麦</br>麦田</strong>
        <div class="mt">
            <img src="images/maitian.png" alt=""/>
            <span class="f14">你和偶像之间</span><br/>
            <span>只差一个我</span>
        </div>
    </a>
    <a href="#doyen" class="">
        <i class="i4"></i>
        <strong>戏剧</br>达人</strong>
    </a>
    <a href="#rock" class="">
        <i class="i5"></i>
        <strong>摇滚</br>在路上</strong>
    </a>
    <a href="#dance" class="">
        <i class="i6"></i>
        <strong>古典</br>舞蹈</strong>
    </a>
    <a href="#child" class="">
        <i class="i7"></i>
        <strong>儿童</br>亲子</strong>
    </a>
    <a href="#film" class="">
        <i class="i8"></i>
        <strong>大麦</br>电影</strong>
    </a>
    <a href="#sport" class="">
        <i class="i9"></i>
        <strong>体育</br>赛事</strong>
    </a>
    <a href="#bigstar" class="">
        <i class="i10"></i>
        <strong>明星</br>周边</strong>
    </a>
    <a href="#top" class="">
        <i class="i11"></i>
        <strong>返回</br>顶部</strong>
    </a>
</div>
<!-- side-sort @end-->
    <!-- footer @start-->
    <div class="dm-bottom-wrap">
        <div class="dm-bottom">
            <!-- 底部帮助 @start-->
            <div class="btm-help">
                <dl>
                    <dt>订购方式</dt>
                    <dd><a href="#">电话订购</a></dd>
                    <dd><a href="#">上门订购</a></dd>
                    <dd><a href="#">在线订购</a></dd>
                    <dd><a href="#">大客户团体订购</a></dd>
                    <dd><a href="#">大麦超级票订购</a></dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd><a href="#">送货上门</a></dd>
                    <dd><a href="#">电子票</a></dd>
                    <dd><a href="#">上门自取</a></dd>
                    <dd><a href="#">大麦自助机换票</a></dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd><a href="#">在线支付</a></dd>
                    <dd><a href="#">柜台付款</a></dd>
                </dl>
                <dl>
                    <dt>大麦网微信</dt>
                    <dd><a href="javascript:void(0)" class="dm-code"></a></dd>
                </dl>
                <dl>
                    <dt>大麦M站</dt>
                    <dd><a href="javascript:void(0)" class="dm-m-code"></a></dd>
                </dl>
                <dl>
                    <dt>账户安全</dt>
                    <dd><a href="#">找回密码</a></dd>
                    <dd><a href="#">账户注册</a></dd>
                    <dd><a href="#">账户绑定</a></dd>
                    <dd><a href="#">SSL安全证书</a></dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd><a href="#">退换及缺货说明</a></dd>
                    <dd><a href="#">发票帮助</a></dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd><a href="#">超级票</a></dd>
                    <dd><a href="#">积分商城</a></dd>
                    <dd><a href="#">票务系统</a></dd>
                    <dd><a href="#">场馆库</a></dd>
                    <dd><a href="#">演出订阅</a></dd>
                </dl>
            </div>
            <!-- 底部帮助 @end-->
            <!-- 底部链接 @start-->
            <div class="btm-links">
                <a href="#">公司介绍</a>|
                <a href="#">品牌识别</a>|
                <a href="#">公司荣誉</a>|
                <a href="#">联系方式</a>|
                <a href="#">隐私声明</a>|
                <a href="#">合作招商</a>|
                <a href="#">招聘信息</a>|
                <a href="#">网站地图</a>|
                <a href="#">友情链接</a>
            </div>
            <!-- 底部版权 @end-->
            <div class="btm-copyright">
                版权所有 大麦网 Copyright2003-2014 All Rights Reserved 京ICP备11043884号 京公网安备11010102000430号 北京红马传媒文化发展有限公司
            </div>
            <!-- 底部版权 @end-->
            <!-- 底部认证 @end-->
            <div class="btm-authentication">
                <img src="images/piao.png" alt=""/>
                <img src="images/gsdj.gif" alt=""/>
                <img src="images/verisign.png" alt=""/>
                <img src="images/pci.png" alt=""/>
                <img src="images/xin.png" alt=""/>
                <img src="images/integrity.png" alt=""/>
            </div>
            <!-- 底部认证 @end-->
        </div>
    </div>
    <!-- footer @end-->
<script>
    //我的大麦
    //  入口函数
    $(function(){
        $(".mydm").mouseenter(function(){
            $(".mydm-c").stop().slideDown(100);
        });
        $(".mydm").mouseleave(function(){
            $(".mydm-c").stop().slideUp(100);
        });
    });
    //客户服务
    $(function(){
        $(".dm-service").mouseenter(function(){
            $(".service-c").stop().slideDown(100);
        });
        $(".dm-service").mouseleave(function(){
            $(".service-c").stop().slideUp(100);
        });
    });
    //网站导航
    $(function(){
        $(".dm-site-nav").mouseenter(function(){
            $(".dm-sev01").stop().slideDown(100);
        });
        $(".dm-site-nav").mouseleave(function(){
            $(".dm-sev01").stop().slideUp(100);
        });
    });
    //大麦微信
    $(function(){
        $(".dm-weixin").mouseenter(function(){
            $(".dm-code").stop().slideDown(100);
        });
        $(".dm-weixin").mouseleave(function(){
            $(".dm-code").stop().slideUp(100);
        });
    });
    //城市切换
    $(function(){
        $(".dm-ct").click(function(){
            $(".dm-sev02").slideToggle(100);
        });
    });
</script>
</body>
</html>

